@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
Sbody { background-color: #fff }
/*====================导航*********/
.hea.on { opacity: 0; transition: .3s; }
.headerd { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; height: 60px; padding: 0 30px;/*background: rgba(28, 35, 39, 0.8);*/
}
.nav { position: absolute; width: auto; border: none; z-index: 999; left: 8%; top: 33px; }
.btn-nav { position: fixed; right: 8%; top: 33px; background: transparent; border: none; padding: 10px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; }
.btn-nav:focus { outline: 0; }
.icon-bar { display: block; margin: 8px 0; width: 40px; height: 3px; background-color: #FFFFFF; }
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #1c6cd8; }
.nav-content { display: table; width: 100%; position: fixed; top: -100%; bottom: 0; left: 0; right: 0;background: rgba(0,0,0,0.8);height: 100%; z-index: 9999; }
.nav-d { display: table-cell; vertical-align: middle; }
.nav-list { float: left; margin-left:7%; }
.nav-list:first-child { margin-left: 0; }
.nav-list h3 a { font-size: 20px; color: #fff; margin-bottom: 30px; display:block; }
.item-anchor:after { content: ""; position: absolute; width: 3px; height: 1px; left: 0; bottom: -6px; z-index: 9; background: transparent; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.item-anchor { color: #fff; font-size: 14px; text-transform: uppercase; position: relative; text-decoration: none; }
.item-anchor:hover, .item-anchor:focus { color: #1c6cd8; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.item-anchor:hover:after, .item-anchor:focus:after { width: 100%; background: #1c6cd8; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.nav-item { line-height: 2.5; }
.animated { display: block; margin: 0 auto; }
.animated:hover .icon-bar, .animated:focus .icon-bar { background-color: #1c6cd8; }
.animated:focus { cursor: pointer; z-index: 9999; }
.middle { width: 26px; }
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; }
.animated .icon-bar { z-index: 999999; background-color: #1c6cd8; }
.animated .top { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg); }
.animated .bottom { -webkit-transform: translateY(-11px) rotateZ(-45deg); -moz-transform: translateY(-11px) rotateZ(-45deg); -ms-transform: translateY(-11px) rotateZ(-45deg); -o-transform: translateY(-11px) rotateZ(-45deg); transform: translateY(-11px) rotateZ(-45deg); }
.animated .middle { width: 0; }
  .m-na{  padding: 0 20px 0 20px;}
.m-na .nav-list{float:none;    margin-top: 24px;}
.m-na .nav-list:first-child{margin-left:1.5%;}
.m-na .nav-list h3 a{ font-size:16px; color:#cfcfcf;    margin-bottom: 0;}
.m-na .nav-list h3:hover a{color:#1c6cd8;}
.m-na .nav-list h3{border-bottom:1px solid #535353; padding-bottom:18px;}
.m-na .nav-list h3 span{float:right;}
 @keyframes showNav { from {
 top: -100%;
}
to { top: 0; }
}
 @-webkit-keyframes showNav { from {
 top: -100%;
}
to { top: 0; }
}
 @-moz-keyframes showNav { from {
 top: -100%;
}
to { top: 0; }
}
 @-o-keyframes showNav { from {
 top: -100%;
}
to { top: 0; }
}
.showNav { -webkit-animation: showNav 1s ease forwards; -moz-animation: showNav 1s ease forwards; -o-animation: showNav 1s ease forwards; animation: showNav 1s ease forwards; }
 @keyframes hideNav { from {
 top: 0;
}
to { top: -100%; }
}
 @-webkit-keyframes hideNav { from {
 top: 0;
}
to { top: -100%; }
}
 @-moz-keyframes hideNav { from {
 top: 0;
}
to { top: -100%; }
}
 @-o-keyframes hideNav { from {
 top: 0;
}
to { top: -100%; }
}
.hideNav { -webkit-animation: hideNav 1s ease forwards; -moz-animation: hideNav 1s ease forwards; -o-animation: hideNav 1s ease forwards; animation: hideNav 1s ease forwards; }
.hidden { display: none; }

.searchbox { border-bottom: 1px solid #535353; height: 60px; width: 100%; margin: 0 auto; margin-bottom: 80px; }
.searchbox input.tex { background: none; border: medium none; color: #a7a7a7; font-family: "Arial"; font-size: 15px; line-height: 60px; height: 60px; padding: 0 20px; width: 86%; }
.searchbox input.search-btn { background: url(//filecdn.ify.cn/skin/ys1728/img/img12.png) no-repeat center; border: medium none; height: 60px; min-width: 40px; width: 7%; }
.subsearch { height: 35px; }
.banner { width: 100%; }
.banner img { width: 100%; }
 @media screen and (max-width: 768px) {
.header .navbar_nav li { width: 100px !important; }
.header .navbar_nav li a { padding: 0 10px !important; }
.nav { left: 10px; width: 55%;     top: 15px;}
   .mob-nav .nav{    width: 180px;}
.btn-nav { right: 10px; top: 0px; }
.icon-bar { width: 30px; }
.nav-list { margin-left: 1.5%; margin-right: 1.5px; }
.searchbox { margin-bottom: 50px;width:100%; }
.nav-list h3 { margin-bottom: 10px; font-size: 16px; }
 .m-na .nav-list h3{ margin-bottom: 18px;}
.pc-nav{display:none;}
.m-na{display:block;}
   .search-bg {padding: 0 20px 0 20px; }

}